<script type="text/javascript" src="jquery/jquery-latest.js"></script>
<script>	
$(document).ready(function() {
	$("#extraans").hide();
	$("#addmore").click(function()
	{
		$("#extraans").show();
	});
});

</script>
<div style="width: 90%; float: left;padding:10px;">
<form name="add_faq" id="add_faq" enctype="multipart/form-data" method="post" action="add_faq_process.php">
<table border="0" width="100%" cellspacing="0" cellpadding="2">						
	<tr><td colspan="4" class="create"><u><strong>ADD FAQ</strong></u></tr>
	<tr><td colspan="4" style="height:15px;"></td></tr>
	<tr>
		<td>Question</td>		
		<td><textarea id="q" name="q" rows="3" cols="50" class="validate[required,length[0,50]] text-input" ></textarea></td>                                   
	</tr>
	 <tr>
		<td>Answer</td>		
		<td><textarea id="ans1" name="ans1" rows="3" cols="50" class="validate[required,length[0,50]] text-input" ></textarea></td>                                   
	</tr>
    <tr><td><a href="#" id="addmore">Add More Answers</a></td></tr>    
	<tr>
    	<td colspan="2">
        <div id="extraans">
        <table>
        	<tr>
            	<td>Answer 2</td>		
            	<td><textarea id="ans2" name="ans2" rows="3" cols="50" class="validate[required,length[0,50]] text-input" ></textarea></td>         </tr>
	 		<tr>
				<td>Answer 3</td>		
				<td><textarea id="ans3" name="ans3" rows="3" cols="50" class="validate[required,length[0,50]] text-input" ></textarea></td>            </tr>
         </table>
         </div>
        </td>
    </tr>
	<tr><td colspan="2" style="height:10px;"></tr>

	<tr><td colspan="2" style="height:10px;"></tr>

		<td colspan="3" align="center"><input type="submit" name="submit" value="Submit" onClick="return validate();" class="sub-butt"/></td>
	</tr>
	</table>
</form>
	</div>                
	
